<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* 权重 */
			/* 通配符* < 标签 < 类选择器 < id选择器 < 行间 < 手动设置最高权重 */
			*{
				color: green;
			}
			div{
				color: red !important;
			}
			
			/* 类选择器：点号加名字选择 */
			/* 类选择器权重都一样 */
			.foo{
				text-decoration: underline;
				color: gray;
			}
			.box{
				color: blue;
			}
			
			/* id选择器：#加名字 */
			#big{
				color: pink;
			}
			
			
		</style>
	</head>
	<body>
		<!-- 在开始标签中，通过class属性，给它取名字 -->
		<!-- 类选择器：一个元素可以取多个名字 中间使用空格 隔开 -->
		<!-- 类选择器：多个元素可以取同一个名字 -->
		<!-- 命名规范：不能以数字开头 -->
		
		<!-- id选择器 唯一 -->
		<div class="box foo" id="big" style="color: aqua;">我是div1</div>
		<div>我是div2</div>
		<p class="box">我是一个p</p>
		<span>span</span>
		
	</body>
</html>